let heart = document.querySelector('.heart')
let card = document.querySelector('.card')
let box = document.querySelector('#box')
heart.addEventListener('click', function () {
    card.setAttribute("style", "opacity:0");
    let x = document.createElement("audio");
    x.setAttribute("src", "Jurrivh - Lonely Day.mp3");
    x.setAttribute("autoplay", "autoplay");

    let i = 0
    // let str = '娴娴对不起a' +
    //     '对不起惊扰到你a' +
    //     '你是个很好的女孩，给人各种迁就a' +
    //     'a' +
    //     '请给我一个机会，能够再次影响到你a' +
    //     '这次的事是我的错，我没有经过大脑考虑，渴望能得到娴娴的原谅a' +
    //     '我知道错了，以后的我要改正思想，本就不该为未来担忧a' +
    //     '谈恋爱是开心快乐并一起成长a' +
    //     '对不起，打扰到了你a' +
    //     '------庐州月下客'

    let str = '娴娴对不起a' +
        '所有人的恋爱都是未知的，我总是想要按照自己的路线，这是不对的a' +
        '对不起，说话太重了，没有考虑到你的感受a' +
        '谈恋爱会影响学习，也会正面影响a' +
        '请给我一个机会，能够再次影响到你a' +
        '这次的事是我的错，我没有经过大脑考虑，渴望能得到娴娴的原谅a' +
        '我知道错了，以后的我要改正思想，本就不该为未来担忧a' +
        '谈恋爱是开心快乐并一起成长a' +
        '对不起，原谅我好不好a' +
        '------庐州月下客'

    // let str = '娴娴对不起a' +
    //     '所有人的恋爱都是未知的，我总是想要按照自己的路线，这是不对的a' +
    //     '这次的事是我的错，我没有经过大脑考虑，渴望能得到娴娴的原谅a' +
    //     '我知道错了，以后的我要改正思想，本就不该为未来担忧a' +
    //     '对不起，前天说话太重了，没有考虑到你的感受a' +
    //     '请给我一个机会，能够再次影响到你a' +
    //     '谈恋爱会影响学习，也会正面影响a' +
    //     '谈恋爱是开心快乐并一起成长a' +
    //     '对不起，原谅我好不好a' +
    //     '-----雨杭'
    let strp = ''

    function print() {
        if (str[i] == 'a') {
            document.getElementById("box").innerHTML = strp + "<br><br>+'|'";
            strp += "<br><br>";
        }
        else {
            strp += str[i];
            box.innerHTML = strp + '|';
        }
        i++;
    }
    setTimeout(() => {
        let printid = setInterval(() => {
            print();
            if (i == str.length) {
                strp[i - 1] = '';
                document.getElementById("box").innerHTML = strp
                clearInterval(printid);
            }
        }, 190);
    }, 5500);
    function appearBackground() {
        setTimeout(() => {
            box.style.opacity = 1
        }, 1500)
    }
    appearBackground()

})
